<template>
	<view>
		<view style="height: 123.81rpx;width: 750rpx;padding: 41rpx 70rpx;display: flex;justify-content: space-between;box-sizing: border-box;background: #F2F2F2;align-items: center;">
			<view v-for="(itme,index) in arr_bu" :key="index" style="display: flex;height: 25.55rpx;align-items: center;">
				<view style="font-size: 25.55rpx;height: 41.31rpx;width: 41.31rpx;line-height: 41.31rpx;text-align: center;margin-right: 17rpx;border-radius:50% ;" :class="num == index?'bian': index == 1 ? 'bian' : 'bian_'">{{itme.shuju}}</view>
				<view style="font-size: 25.55rpx;">{{itme.zifu}}</view>
				<image :src="itme.img" style="width: 15.71rpx;height: 16.9rpx; vertical-align: middle;margin-left:22.744rpx ;"></image>
			</view>
		</view>
		<view style="width: 700.64rpx;height: 548.43rpx;background: #FFFFFF;border-radius:18.12rpx ;margin-left: 24.77rpx;box-sizing: border-box;padding: 45.2rpx 30.2rpx;">
			<view style="font-size: 26.58rpx;color: #383838;display: flex;justify-content: space-between;height: 30rpx;align-items: center;">
				<text style="font-weight: bold;">联系电话</text>
				<input placeholder="填写机构联系电话" style="width: 360rpx;height: 26rpx;text-align:right" v-model="dianhua"/>
			</view>
			<view style="height: 2rpx;width: 100%;background:#E0E0E0;margin: 39rpx 0;"></view>
			<view style="font-size: 26.58rpx;color: #383838;display: flex;justify-content: space-between;height: 30rpx;align-items: center;">
				<text style="font-weight: bold;">经营类别</text>
				<view style="display: flex;align-items: center;">
					<picker @change="bindPickerChange" :value="index" :range="array">
						<view class="uni-input">{{lei_}}</view>
					</picker>
					<!-- <input placeholder="请选择经营类别" style="width: 360rpx;height: 26rpx;text-align:right" disabled/> -->
					<image src="../../../static/newshouye/xiala_.png" style="width: 13.07rpx;height: 12.3rpx;margin-left: 4rpx;" v-model="lei_"></image>
				</view>
			</view>
			<view style="height: 2rpx;width: 100%;background:#E0E0E0;margin: 39rpx 0;"></view>
			<view style="font-size: 26.58rpx;color: #383838;display: flex;justify-content: space-between;height: 30rpx;align-items: center;">
				<text style="font-weight: bold;">机构负责人电话</text>
				<input placeholder="填写机构负责人电话" style="width: 360rpx;height: 26rpx;text-align:right" v-model="fuze_dianhua"/>
			</view>
			<view style="height: 2rpx;width: 100%;background:#E0E0E0;margin: 39rpx 0;"></view>
			<view style="font-size: 26.58rpx;color: #383838;display: flex;justify-content: space-between;height: 30rpx;align-items: center;">
				<text style="font-weight: bold;">机构负责人姓名</text>
				<input placeholder="填写机构负责人姓名" style="width: 360rpx;height: 26rpx;text-align:right" v-model="boss_name" />
			</view>
			<view style="height: 2rpx;width: 100%;background:#E0E0E0;margin: 39rpx 0;"></view>
			<view style="font-size: 26.58rpx;color: #383838;display: flex;justify-content: space-between;height: 30rpx;align-items: center;">
				<text style="font-weight: bold;">支付宝收付款账号</text>
				<input placeholder="填写支付宝收付款账号" style="width: 360rpx;height: 26rpx;text-align:right" v-model="zhanghao"/>
			</view>
		</view>
		<view style="width: 700.64rpx;height: 330.38rpx;border-radius: 18.12rpx;margin-left: 24.77rpx;background: #FFFFFF;margin-top: 18.7rpx;box-sizing: border-box;padding: 33.21rpx 30.8rpx 42.89rpx 30.8rpx;">
			<view style="font-size: 26.58rpx;color: #383838;font-weight: bold;letter-spacing: 1rpx;">机构简介</view>
			<view style="margin-top: 31.4rpx;">
				
				 <textarea placeholder="请详细描述机构的相关信息"  placeholder-style="font-size:24.15rpx" style="font-size:24.15rpx;width: 638.42rpx;height: 197.5rpx;border: 0.6rpx solid #BFBFBF;border-radius: 12rpx;box-sizing: border-box;padding: 20rpx;letter-spacing: 1rpx;" v-model="list"/>
			</view>
		</view>
		<view style="font-size: 21.74rpx;color: #BBBBBB;margin-top: 33.21rpx;padding-left:55rpx ;letter-spacing: 2rpx;">
			<view style="margin-bottom: 9rpx;">信息安全声明</view>
			<view>所填信息仅用于门店入驻审核，请放心填写</view>
		</view>
		<view style="width: 648.7rpx;height: 85.76rpx;background: #FF7300;color: #FFFFFF;text-align: center;line-height:  85.76rpx;font-size: 29rpx;margin:38rpx 0 41.1rpx 50.73rpx;border-radius: 42.9rpx;" @tap="go">
			下一步
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				num:0,
				arr_bu:[
					{
						shuju:"01",
						zifu:"添加门店",
						img:"../../../static/newshouye/jiaotou_.png"
					},
					{
						shuju:"02",
						zifu:"完善资料",
						img:"../../../static/newshouye/jiaotou_.png"
					},
					{
						shuju:"03",
						zifu:"资质认证",
						img:""
					}
				],
				diyiye:{},
				dianhua:"",
				lei_:"请选择类别",
				fuze_dianhua:"",
				boss_name:"",
				zhanghao:"",
				list:"",
				array: ["体育","学科","益智","艺术"]
			}
		},
		methods:{
			bindPickerChange(e){
				this.lei_ = this.array[e.target.value]
			},
			go(){
				if(this.dianhua != "" && this.lei_ != "请选择类别" && this.fuze_dianhua != "" && this.boss_name != "" && this.zhanghao != "" && this.list != ""){
				let data = {
						lianxi_dianhua:this.dianhua,
						jingying_:this.lei_,
						fuze_dianhua:this.fuze_dianhua,
						fuze_name:this.boss_name,
						zhifubao:this.zhanghao,
						neirong:this.list,
						categories_child: this.lei_
					}
				let data_ = Object.assign(data,this.diyiye)
					uni.navigateTo({
						url:"/pages/World/myResponse/myResponse?num=" + encodeURIComponent(JSON.stringify(data_))
					})
				}else{
					uni.showToast({
						title:"请填写完整信息",
						icon:"none"
					})
				}
				
			}
		},
		onLoad(option) {
			const list = JSON.parse(decodeURIComponent(option.num));
			this.diyiye = list
		},
		onShow() {
			
		}
	}
</script>
<style lang="scss" scoped>
	.bian{
		background: #FF7300;
		color: #FFFFFF;
	}
	.bian_{
		background: #E8E8E8;
		color: #C1C1C1;
	}
</style>